.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0;
    cursor: pointer;
}

.icon-back {
    background: url('../assets/icon/back.svg');
    background-size: contain;
}

.icon-accessory {
    background: url('../assets/icon/accessory.svg');
    background-size: contain;
}

.icon-face {
    background: url('../assets/icon/face.svg');
    background-size: contain;
}

.icon-flower {
    background: url('../assets/icon/flower.svg');
    background-size: contain;
}

.icon-msg-del {
    background: url('../assets/icon/msg-del.svg') no-repeat;
    background-size: contain;
}

.icon-msg-forward {
    background: url('../assets/icon/msg-forward.svg') no-repeat;
    background-size: contain;
}

.icon-msg-copy {
    background: url('../assets/icon/msg-copy.svg') no-repeat;
    background-size: contain;
}

.icon-msg-reply {
    background: url('../assets/icon/msg-reply.svg') no-repeat;
    background-size: contain;
}

.icon-msg-revoke {
    background: url('../assets/icon/msg-revoke.svg') no-repeat;
    background-size: contain;
}

.icon-msg-quote {
    background: url('../assets/icon/msg-qnote.svg') no-repeat;
    background-size: contain;
}